import { createApp } from 'vue'
import '@/assets/style/style.css' // 导入全局样式文件
import App from './App.vue' // 导入根组件
// 路由
import router from "@/router" // 导入路由配置

// 状态管理
import store from "@/store"
// 组件库
import ElementPlus from 'element-plus' // 导入 Element Plus 组件库
import 'element-plus/dist/index.css' // 导入 Element Plus 的 CSS 样式文件
import * as ElIcon from '@element-plus/icons-vue' // 导入 Element Plus 图标库

// 创建 Vue 应用实例
const app = createApp(App)
app.use(router); // 使用路由
app.use(ElementPlus); // 使用 Element Plus 组件库
app.use(store);

// 注册 Element Plus 图标库中的所有图标为全局组件
Object.keys(ElIcon).forEach((key) => {
    app.component(key, ElIcon[key])
})


app.mount('#app') // 将应用挂载到 HTML 页面上的 #app 元素
